<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>工单类型选择</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/neibubaoshi_typelist.css" />
    <link rel="stylesheet" type="text/css" href="css/chooseserviceuser.css" />
    <style>
        .level2:first-child {
            color: #f00 !important;
        }

        .folder-logo {
            font-size: 18px;
            font-weight: 300;

        }
        .shuomingType{
            width: 92%;
            margin: 0 auto;
            margin-top: 10px;
            padding: 8px 12px;
            line-height: 1rem;
            background: #f8f8f8;
            border-radius: 8px;
            font-size: 0.65rem;
            color: #888;
        }
    </style>
</head>

<body>
    <template type="text/x-template" id="item-template">
        <li>
            <label v-if="item.isCanSelect==false">
                <span class="choosespan" style="margin-left: 10px;">
                    <span v-if="!isOpen" class='folder-logo'><i class="icon iconfont icon-xinzeng"></i></span>
                    <span v-if="isOpen" class='folder-logo'><i class="icon iconfont icon-jianhao"></i></span>
                </span>
                <span for="'radio'+item.ID" class="name_span" v-on:click="toggle(item)" style="margin-left: 5px;">
                    {{item.text}}
                </span>
            </label>
            <label v-if="item.children.length==''&& item.isCanSelect!=false" class="choosespan"
                style="margin-left: 10px;">
                <input v-on:click="choose_type(item)" type="radio" id="'radio'+item.ID" class="aui-radio"
                    v-bind:checked="item.ID==selecttypeid" name="typemsg"
                    style=" margin-left: 5px; position:relative; top:23px;">
                {{item.text}}
            </label>
            <ul class="level2" v-show="isOpen" v-if="isFolder">
                <tree-item v-for="(child, index) in item.children" :key="index" :item="child"></tree-item>
            </ul>
        </li>
    </template>
    <div id="app" v-cloak>
        <div v-if="placetype==1" class="shuomingType">工单来源住户报修，住户未选择保修类型，受理时需要选择一个报修类型</div>
        <div class="aui-searchbar" id="search">
            <div class="aui-searchbar-input aui-border-radius">
                <i class="icon iconfont icon-sousuo"></i>
                <input v-model="form.keywords" type="search" @keyup="onPriceSearch()" placeholder="类型筛选" id="search-input">
                <div class="aui-searchbar-clear-btn">
                    <i class="icon iconfont icon-guanbi"></i>
                </div>
            </div>
            <div class="aui-searchbar-btn" tapmode></div>
        </div>

       

        <div class="boxarea mainbox ">
            <!-- v-if="is_type_list==true" -->
            <div class="choosetype_list" style="position: unset;">
                <ul class="mytree level0">
                    <template v-for="item in currentchosenlist">
                        <tree-item class="item" :item="item"></tree-item>
                    </template>
                </ul>
            </div>




            <!-- <div v-for="item in currentchosenlist" class="organization_list_li">
                <div v-on:click="show_morehistory(item)" class="organization_list_li_name fl">
                    <i v-if="!item.isopen" class="icon iconfont icon-down"></i>
                    <i v-if="item.isopen" class="icon iconfont icon-shangjiantou"></i>{{item.text}}</div>
                <div class="organization_box">
                    <div v-if="!item.isopen"  v-for="item2 in item.children" class="organization_list_sub borderline">
                        <label class="label-radio">
                            <input class="aui-radio" style="margin-right: 10px; border-radius: 20px;" type="radio"
                                name="PlanType">{{item2.text}}
                        </label>
                        <div class="cl"></div>
                    </div>
                </div>
            </div> -->
        </div>
        <div class="bottom">
            <div class="aui_bottombtn" v-on:click="do_save()">确认</div>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="js/neibubaoshi_typelist.js"></script>

</html>